@charset "utf-8";/*!
by Sean Lu 20220531
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
*/:root {
	--color-main: #0055b8;
	--color-white: #fff;
	--color-txt: #111;
	--color-0: #000;
	--color-3: #333;
	--color-6: #666;
	--color-9: #999;
	--color-border: #dedede;
	--fsize-base: 16px;
	--fsize-large: calc(var(--fsize-base) * 1.25);
	--fsize-txt: calc(var(--fsize-base) * 1.14);
	--fsize-small: calc(var(--fsize-base) * .85);
	--fsize-h1: calc(var(--fsize-base) * 2.6);
	--fsize-h2: calc(var(--fsize-base) * 2.15);
	--fsize-h3: calc(var(--fsize-base) * 1.7)
}



.seaform {
	display: flex
}




.header {
	height: 80px;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	border-bottom: 1px solid rgba(255,255,255,0.1)
}

@media (max-width: 800px) {
	.header {
		height: 60px
	}
}

.header .wrapper {
	display: flex;
	align-items: center;
	height: 100%;
	position: relative
}

.header .wrapper .logo {
	width: 100px
}

@media (max-width: 800px) {
	
}

.header .wrapper .logo a {
	display: block;
	width: 100%
}

.header .wrapper .logo a img {
	display: block;
	width: 100%
}

.header .wrapper .logo a img.l1 {
	display: block
}

.header .wrapper .logo a img.l2 {
	display: none
}

.header .wrapper .nav {
	height: 100%;
	margin-left: 280px
}

@media (max-width: 800px) {

}

.header .wrapper .nav .nul {
	display: flex;
	height: 100%
}

@media (max-width: 800px) {

}

.header .wrapper .nav .nul .nli {
	height: 100%;
	position: relative;
	margin-right: 30px
}

.header .wrapper .nav .nul .nli:last-child {
	margin-right: 0
}

@media (max-width: 1440px) {

}

.header .wrapper .nav .nul .nli .m {
	height: 100%
}

@media (max-width: 800px) {

}

.header .wrapper .nav .nul .nli .na {
	display: flex;
	align-items: center;
	width:65px;
	height: 100%;
	font-size: var(--fsize-base);
	text-decoration: none;
	color: #000;
	position: relative
}

@media (max-width: 1440px) {

}

@media (max-width: 800px) {

}

.header .wrapper .nav .nul .nli .na:after {
	content: "";
	height: 3px;
	width: 0;
	background: var(--color-main);
	position: absolute;
	left: 50%;
	bottom: -1px;
	z-index: 2;
	transform: translateX(-50%);
	transition: .5s cubic-bezier(.77, 0, .175, 1)
}

.header .wrapper .nav .nul .nli .sub {
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	top: calc(100% + 1px);
	background: var(--color-white);
	white-space: nowrap;
	font-size: var(--fsize-small);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	opacity: 0;
	visibility: hidden
}

@media (max-width: 800px) {
	.logo{
		position:absolute;
		margin-top:20px;
		
		}
	
	
	.btnmenu{
		position:absolute;
		right:10px;
		
		}

}

.header .wrapper .nav .nul .nli .sub .sli {
	text-align: center
}

.header .wrapper .nav .nul .nli .sub .sli .sa {
	display: block;
	text-decoration: none;
	padding: 15px 25px;
	color:#000
}

.header .wrapper .nav .nul .nli .sub .sli .sa:hover {
	background: rgba(136,146,161,0.1)
}

.header .wrapper .nav .nul .nli:hover .na:after {
	width: 100%
}

@media (max-width: 800px) {

}

.header .wrapper .nav .nul .nli:hover .sub {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0)
}

@media (max-width: 800px) {

}

@media (max-width: 800px) {

}

.header .wrapper .sea {
	margin-left: auto;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	padding: 0 15px;
	border-radius: 30px
}

@media (max-width: 800px) {

}

.header .wrapper .sea .key {
	background: transparent;
	border: 0;
	font-size: var(--fsize-small);
	width: 60px;
	height: 30px;
	line-height: 30px;
	cursor: pointer
}

.header .wrapper .sea .key:focus {
	cursor: auto;
	width: 120px
}

.header .wrapper .sea .key::placeholder {
	color: #fff
}

.header .wrapper .sea .btn {
	width: 20px;
	height: 30px;
	text-indent: -999px;
	display: block;
	border: 0;
	background: transparent url(../img/iconsearch.svg) no-repeat center;
	cursor: pointer
}

.header .wrapper .sea:focus-within {
	border-color: var(--color-border);
	background-color: #fff
}

.header .wrapper .sea:focus-within .key::placeholder {
	color: #999
}

.header .wrapper .sea:focus-within .btn {
	background-image: url(../img/iconsearchs.svg)
}

.header .wrapper .menu {
	display: none;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	margin-left: auto
}

@media (max-width: 800px) {
	.header .wrapper .menu {
		display: flex
	}
}

.header .wrapper .menu .i1 {
	display: block
}

.header .wrapper .menu .i2 {
	display: none
}

.header .wrapper .menu.on .i1 {
	display: none
}

.header .wrapper .menu.on .i2 {
	display: block
}

.header.fxdon,.header.on {
	border-bottom-color: var(--color-border);
	background: rgba(255,255,255,0.95);
	backdrop-filter: blur(5px) saturate(180%);
	height: 60px
}

.header.fxdon .wrapper .logo,.header.on .wrapper .logo {
	width: 80px
}

.header.fxdon .wrapper .logo a img.l1,.header.on .wrapper .logo a img.l1 {
	display: none
}

.header.fxdon .wrapper .logo a img.l2,.header.on .wrapper .logo a img.l2 {
	display: block
}

.header.fxdon .wrapper .nav .nul .nli .na,.header.on .wrapper .nav .nul .nli .na {
	color: #666
}

.header.fxdon .wrapper .sea .key::placeholder,.header.on .wrapper .sea .key::placeholder {
	color: #999
}

.header.fxdon .wrapper .sea .btn,.header.on .wrapper .sea .btn {
	background-image: url(../img/iconsearchs.svg)
}

.header.fxdon .wrapper .lang,.header.on .wrapper .lang {
	background: rgba(0,0,0,0.05);
	color: var(--color-3)
}

.header.fxdon .wrapper .menu i path,.header.on .wrapper .menu i path {
	fill: #666
}